<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  <title>用户中心 - 聚美优品</title> 
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/jumei.min.css"/>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/jumei_usercenter.min.css"/>
  <!-- 引头部 -->
  <include file="__VIEW__/Common/right.html"/>

  <!--============================主体开始==========================================-->
  <div class="profile" style="margin-bottom:200px"> 
   <div class="nav"> 
    <div class="notice"> 
     <img src="__PUBLIC__/images/avatar_small.png" alt="JM181CHHE7221" /> 
     <p class="nickname">{$hd.session.user}</p> 
     <p>普通会员</p> 
     <p class="uid">用户ID: {$userData.uid}</p> 
    </div> 
    <h2><b></b>我的聚美优品</h2> 
    <a href="javascript:;" class="list selected"><b></b>我的订单</a> 
<!--     <a href="javascript:;" class="fav"><b></b>我的收藏</a> 
    <a href="javascript:;" class="member"><b></b>我的会员等级</a> 
    <a href="javascript:;" class="addr"><b></b>管理收货地址</a>  -->
   </div> 
   <h1>我的订单</h1> 
    <!-- 替换内容的地方 开始 ================ --> 
   <div class="content"> 
    <div class="filter"> 
     <a href="__ACTION__/w/0" <if value="!$hd.get.w">class="curr"</if>>全部订单</a> 
     <a href="__ACTION__/w/1"<if value="$hd.get.w==1">class="curr"</if>>等待付款</a> 
     <a href="__ACTION__/w/2"<if value="$hd.get.w==2">class="curr"</if>>已付款</a> 
     <a href="__ACTION__/w/3"<if value="$hd.get.w==3">class="curr"</if>>交易完成</a>
    </div> 
    <if value="$data">
    <table id="order-list" class="order_table"> 
     <tbody>
      <tr class="order_list_title" style="border: 1px solid rgb(204, 204, 204);"> 
       <th style="width: 195px">订单信息</th> 
       <th style="width: 80px">订购商品</th> 
       <th style="width: 40px">件数</th> 
       <th style="width: 80px">单价</th> 
       <th style="width: 70px">商品操作</th> 
       <th style="width: 120px">订单状态</th> 
       <th style="width: 90px">订单操作</th> 
      </tr>
      <!--一件商品-->
      <foreach from="$data" key="$k" value="$v">
        <tr style="border: 1px solid rgb(204, 204, 204);"> 
         <td class="order_info_td">
         	<p>订单号: {$v.onum}</p>
         	<p>商品金额: &yen;{$v.subtotal}</p>
         	<!-- <p> 由 聚美优品 发货</p> -->
         </td> 
         <td class="item_title">
         	<a href="{|U:'Content/index',array('gid'=>$v['gid'])}" target="_blank" title="{$v.gname}">
         		<img src="__ROOT__/{$v.gpic}" alt="{$v.gname}" style="width:60px;height:60px" />
         	</a>
         </td> 
         <td>{$v.buy_num} </td> 
         <td>&yen;{$v.dan}</td> 
         <td>
         	<p>
         		<a href="{|U:'Content/index',array('gid'=>$v['gid'])}" target="_blank">再次购买</a>
         	</p>
         </td> 
         <td><span class="status_grey">{$v.state}</span> 
          <!--判断海淘自营订单包裹状态显示--> </td> 
         <td>
          <if value="$v.state=='待发货'">
            等待发货
          <elseif value="$v.state=='已完成'"/>
          完成交易
          <else/>
           <p>
              <a href="javascript:;"onclick="if(confirm('确定已经收到商品了吗？')) location.href='{|U:'Center/collect',array('oid'=>$v['oid'])}'" >确认收货</a>
           </p>
          </if>
         </td> 
        </tr> 
        <!--一件商品结束-->
        <tr class="separator" style="border: 1px solid rgb(204, 204, 204);"> 
         <td colspan="7"></td> 
        </tr> 
      </foreach>
     </tbody>
    </table> 
    <else/>
    <div class="null">
      <div class="null-box">
        <span class="logo"></span>
        <span class="title">您目前没有相关订单</span>
      </div>
    </div>
    <style type="text/css">
      .null{
        height: 258px;
        width: 767px;
        padding-top: 170px;
        border: 1px solid #dbd6d0;
        border-top: none;
      }
      .null .null-box{
        height: 59px;
        width: 270px;
        margin: 0 auto;
      }
      .null .null-box .logo{
        height: 59px;
        width: 90px;
        float: left;
        background: url(__PUBLIC__/images/null_icon.png) no-repeat;
      }
      .null .null-box .title{
        line-height: 59px;
        font-size: 18px;
        color: #797979;
        padding-left: 8px;
      }
    </style>
    </if>
    <!-- <table id="table-header-fixed" style="display: none;">
     <tbody>
      <tr class="order_list_title"> 
       <th style="width: 195px">订单信息</th> 
       <th style="width: 80px">订购商品</th> 
       <th style="width: 40px">件数</th> 
       <th style="width: 80px">单价</th> 
       <th style="width: 70px">商品操作</th> 
       <th style="width: 120px">订单状态</th> 
       <th style="width: 90px">订单操作</th> 
      </tr>
     </tbody>
    </table>  -->
<!--    <a href="#" class="backtotop" style="bottom: 100px;"><b></b>回到顶部</a> -->
    <style type="text/css">
     .order_list_title {
       background-color: white;
     }
     .separator td {
       height: 15px;
       border-left: 1px solid white;
       border-right: 1px solid white;
     }
      #cboxOverlay{
        z-index: 10003;
      }
      #colorbox{
        z-index: 10004;
      }
      #cboxContent{
        border: none;
        background: #FF659B;
      }
      #cboxLoadedContent{
        margin-top:0px;
      }
      #cboxClose {
        background: url(http://p0.jmstatic.com/templates/jumei/images/wish_deal/popup_new_close.jpg) no-repeat 0 0 transparent;
        width: 12px;
        height: 11px;
        top:8px;
        margin-right: 0px;
        text-align: left;
        text-indent: -9999px;
        padding-right: 10px;
      }
      #cboxClose:hover{
        background: url(http://p0.jmstatic.com/templates/jumei/images/wish_deal/popup_new_close.jpg) no-repeat 0 0 transparent;
      }
      .popup_box_new {
        width: 400px;
        _padding-bottom:20px;
      }
      .popup_box_new .title{
        height: 28px;
        line-height: 28px;
        text-indent: 15px;
        background: url(http://p0.jmstatic.com/templates/jumei/images/wish_deal/title_bg.jpg) repeat-x 0 0 transparent;
        color:#fff;
        font-size: 14px;
      }
      .popup_box_new .cont{
        padding: 15px;
      }
      .popup_box_new p{
        margin-top:20px;
        font-size: 16px;
        text-align: left;
        overflow: hidden;
        font-family: '微软雅黑','YaHei','黑体',Tahoma,Helvetica,arial,sans-serif;
      }
      .popup_box_new .btns{
        padding-left: 88px;
      }
      .popup_box_new .btn{
        float: left;
        display: block;
        width: 88px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        overflow: hidden;
        background: url(http://p0.jmstatic.com/templates/jumei/images/wish_deal/btn_new_bg.jpg) repeat-x 0 0 transparent;
        font-family: 宋体;
      }
      .popup_box_new p a:hover{
        text-decoration: none;
      }
      .popup_box_new .btns .btn_confirm{
        color:#fff;
        margin-right: 15px;
      }
      .popup_box_new .btns .btn_cancel{
        color:#333;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        background-position: 0 -32px;
      }
    </style> 
    <!-- <div class="dialog_s charge_dialog cancle_order_dialog" title="取消确认"> 
     <div class="alert warning"></div> 
     <div class="cont"> 
      <p class="alert_con"></p> ﻿
      <span class="spark">*</span> 
      <span class="select_ui">
       <div class="select_arrow"></div>
       <div class="select_text_ui" style="min-width: 7.5em;">
        等待加载...
       </div><select id="select_reasons"> <option value="0">等待加载...</option> </select></span> 
      <textarea style="margin-top: 20px"></textarea> 
      <p class="input_error"></p> 
     </div> 
     <div class="btns"> 
      <a href="javascript:void(0)" class="btn_mid_pink">确认</a> 
      <a href="javascript:void(0)" class="btn_mid_grey">取消</a> 
     </div> 
    </div> 
    <div class="colorbox_html_ask" style="display: none;"> 
     <div class="popup_box_new"> 
      <div class="title">
       红包退货
      </div> 
      <div class="cont"> 
       <p class="tips"> 您确定要将红包退货吗？退货会删除您所购买的红包，并且您不能再次购买红包。相应的退款会退回您的聚美余额。 </p> 
       <p class="btns"> <a class="btn btn_confirm" href="javascript:void(0);">确定</a> <a class="btn btn_cancel" href="javascript:void(0);">取消</a> </p> 
      </div> 
     </div> 
    </div> 
    <div class="colorbox_html_success" style="display: none;"> 
     <div class="popup_box_new"> 
      <div class="title">
       红包退货
      </div> 
      <div class="cont"> 
       <p class="tips"> 红包已成功退货，相应退货已退回您的聚美余额。 </p> 
       <p class="btns" style="padding-left: 0px;"> <a href="/i/account/balance" class="btn btn_confirm" style="margin-left:20px;width:150px;">前往我的余额</a> <a href="javascript:void(0);" class="btn btn_cancel" style="width:100px;">知道了</a> </p> 
      </div> 
     </div> 
    </div> 
    <div class="colorbox_html_fail" style="display: none;"> 
     <div class="popup_box_new"> 
      <div class="title">
       红包退货
      </div> 
      <div class="cont"> 
       <p class="tips"> 您的红包已被使用。若需退货，需将使用红包的订单商品全部退货。 </p> 
       <p class="btns" style="padding-left: 0px; text-align: center;"> <a class="btn btn_cancel" href="javascript:void(0);" style="width:100px; float:none; margin: auto;">知道了</a> </p> 
      </div> 
     </div> 
    </div> --> 
   </div> 
   <!-- 替换内容的地方 结束-->
  </div> 
 </body>
</html>